<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css"  rel="stylesheet" />
		<script src="js/jquery-3.5.1.js"></script>
		 
		<style type="text/css">
			html,
			body,
			.container {
				height: 100%;
				width: 100%;
				background: url(img/Snipaste_2020-08-25_16-34-39.png);
				background-size: 100% 100%;
			}
		
			form {
				width:350px;
				position: relative;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -70%);
			}
		</style>
	</head>
	<body>
		<div class="container">
			
			<form>
				<h1 style="text-align: center;">宿舍管理系统</h1>
				
			  <div class="form-group" >
			    <input type="text" class="form-control" id="ipt_account" style="background-color: #FFFF00;" placeholder="admin" >
			  </div>
			  <div class="form-group">
			    <input type="password" class="form-control" id="ipt_password" style="background-color: #FFFF00;" placeholder="Password">
			  </div>
			  <div class="form-group" style="text-align: center;">
				  <label class="radio-inline">
				    <input type="radio" name="optionsRadios"  value="1"> 系统管理员
				  </label>
				  <label class="radio-inline">
				    <input type="radio" name="optionsRadios"  value="2"> 宿舍管理员
				  </label>
				  <label class="radio-inline">
				    <input type="radio" name="optionsRadios"  value="3"> 学生
				  </label>
			  </div>
			  <div class="checkbox" style="text-align: center;">
			      <input type="checkbox" id="cb_rem"> 记住密码
			  </div>
			 <div class="form-group">
			 	 <button type="button" class="btn btn-info" style="width: 49%;" onclick="login()">登录</button>
			 	 <button type="button" class="btn btn-info" style="width: 49%;" onclick="reset()">重置</button>
			 </div>
			<div class="form-group">
				 <button type="button" class="btn btn-info btn-block" onclick="reg()">注册</button>
			 </div>
			</form>
		</div>
		<script type="text/javascript">
			function reg(){
				location.href = "reg.html";
			}
			
			//重置方法
			$(function(){
				$("#reset").click(function(){
					$("#from:input")
					.not("button,:submit,:reset,:hidden")
					.val("")
					.removeAttr("cheacked")
					.remove("selected");
				});
			})
			
		</script>
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
